<!doctype html>
<html>
  <head>
    <title>customer client</title>
    <style>
      ul{
        list-style: none;
      }
    </style>
  </head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <body>
    <header>
      欢迎使用ZEALCOMM iVCS智能视频客服系统-访客端测试demo
    </header>
    <section style="margin-top: 10px">
      <button id="webrtc">是否支持webrtc</button>
      <button id="screenshot">截屏</button>
      <button id="mic">麦克风检测</button>
      <button id="camera">摄像头检测</button>
      <button id="start_nerwork">开启网络检测</button>
      <button id="stop_nerwork">停止网络检测</button>
      <div id="sessionId"></div>
      <span>backendUrl:</span><input id='backend_url_id' placeholder="place input backendUrl" style="width: 300px" value="https://ivcs-test-k8s-azure.zealcomm.cn"/><br>
      <span>name:</span><input id='name' placeholder="place input username" style="width: 300px" value="001"/><br>
      <span>password:</span><input id='pwd' placeholder="place input password" style="width: 300px" value="123456"/><br>
      <span>org:</span><input id='org' placeholder="place input org" style="width: 300px" value="1"/><br>
      <span>userId:</span><input id='userId' placeholder="place input userId" style="width: 300px" value="1"/><br>
      <br>
      <button id="connect_btn">系统用户建立连接</button>
      <div style="color: #666666; font-size: 12px;">系统用户需要输入用户名，密码和机构</div>
      <br>
      <button id="visitor_connect_btn">游客建立连接</button>
      <div style="color: #666666; font-size: 12px;">游客无须输入用户名，密码和机构</div>
      <br>
      <button id="nopassword_connect_btn">免密初始化</button>
      <div style="color: #666666; font-size: 12px;">免密访客，需要输入机构和用户id</div>

      <br>
      <span>业务场景id:</span><input id='group' placeholder="place input call groups" style="width: 300px" value="2"/>
      （呼叫坐席的签入分组绑定的业务场景id）
      <br>
      <div style="border:2px solid #000;margin-top: 10px;margin-bottom: 10px;">
        <span>业务场景id:</span><input id='invite_bizscenarioId' placeholder="place input call invite_bizscenarioId" style="width: 300px;margin-top: 10px;" value="2"/>
        （主动邀请的坐席所属业务场景id）
        <br>
        <span>agentId:</span><input id='invite_agentId' placeholder="place input ageentId" style="width: 300px;margin-top: 10px;" value=""/>
        （拉起人工坐席）
        <br>
        <button id="invite_agent">主动邀请人工坐席</button>
        <br>
        <span>agentId:</span><input id='invite_robot_agentId' placeholder="place input robot agentId" style="width: 300px;margin-top: 10px;" value=""/>
        （拉起AI坐席）
        <br>
        <button id="invite_robot_agent">主动邀请AI坐席</button>
        <br>
        <button id="invite_agentz_robot">主动邀请agentZ模式-AI坐席</button>
        <br>
      </div>
      <button id="reqsess_btn_video_video_agentZ">AgentZ模式发起视频呼叫(坐席视频接入)</button>
      <br>
      <button id="reqsess_btn_video_video" disabled>发起视频呼叫(坐席视频接入)</button>
      <br>
      <button id="reqsess_btn_video_audio" disabled>发起视频呼叫(坐席音频接入)</button>
      <br>
      <button id="reqsess_btn_audio_video" disabled>发起音频呼叫(坐席视频接入)</button>
      <br>
      <button id="reqsess_btn_audio_audio" disabled>发起音频呼叫(坐席音频接入)</button>
      <br>

      <button id="quitsession_btn" disabled>取消/挂断</button><br>
      <button id="audio-video" disabled>语音升级成视频通话</button><br>
      <input id="msg_id" placeholder="place input message"/>
      <button id="sed_btn">发送消息</button><br>

      <button id="send_handSign">发送签名数据</button><br>

      <input id="input"  type="file" ></input>

      <button id="shareresource" disabled>发送文件</button>

      <button id="mute" disabled>静音</button>

      <button id="unmute" disabled>恢复声音</button>

      <button id="getstats">获取推流监控数据</button>
      <button id="stopgetstats">停止推流监控数据</button>

      <ul id="message_list"></ul>
      <div id="streams">
         <!--<video autoplay width="320" height="240" id="customer" muted></video>-->
         <!--<video autoplay width="320" height="240" id="agent" muted></video>-->
         <!--<video autoplay muted  width="320" height="240" id="screen"></video>-->
      </div>
    </section>
    <script src='./js/socket.io.js'></script>
    <script src="./js/jquery-3.2.1.min.js"></script>
    <script src="./js/irtc.js"></script>
    <script src="./js/adapter.js"></script>
    <script src="./js/ivcs.js"></script>
    <script src='./js/customer.js'></script>
    <script>
    </script>
  </body>
</html>
